/**
* Copyright (c) 2022 - present TinyVue Authors.
* Copyright (c) 2022 - present Huawei Cloud Computing Technologies Co., Ltd.
*
* Use of this source code is governed by an MIT-style license.
*
* THE OPEN SOURCE SOFTWARE IN THIS PRODUCT IS DISTRIBUTED IN THE HOPE THAT IT WILL BE USEFUL,
* BUT WITHOUT ANY WARRANTY, WITHOUT EVEN THE IMPLIED WARRANTY OF MERCHANTABILITY OR FITNESS FOR
* A PARTICULAR PURPOSE. SEE THE APPLICABLE LICENSES FOR MORE DETAILS.
*
*/

.inject-DialogBox-vars() {
  // 对话框背景蒙层
  --tv-DialogBox-mask-bg-color: var(--tv-color-bg-mask, rgba(0, 0, 0, 20%));
  // 对话框背景色
  --tv-DialogBox-bg-color: var(--tv-color-bg-3, #ffffff);
  // 对话框圆角
  --tv-DialogBox-border-radius: var(--tv-border-radius-lg, 8px);
  // 对话框阴影
  --tv-DialogBox-shadow: var(--tv-shadow-4-down, 0 8px 24px 0 rgba(0, 0, 0, 0.16));
  // 弹窗容器与内容间距
  --tv-DialogBox-padding: var(--tv-space-xxxl, 32px);
  // 头部字号
  --tv-DialogBox-head-title-font-size: var(--tv-font-size-heading-md, 20px);
  // 头部字重
  --tv-DialogBox-head-title-font-weight: var(--tv-font-weight-bold, 600);
  // 头部文本色
  --tv-DialogBox-head-title-text-color: var(--tv-color-text, #191919);

  // 关闭按钮高度
  --tv-DialogBox-btn-height: 32px;
  // 关闭按钮图标尺寸
  --tv-DialogBox-close-icon-size: 24px;
  // 关闭按钮图标色
  --tv-DialogBox-close-icon-color: var(--tv-color-icon, #808080);
  // 关闭按钮悬浮图标色
  --tv-DialogBox-close-icon-color-hover: var(--tv-color-icon-hover, #191919);

  // 内容字号
  --tv-DialogBox-body-font-size: var(--tv-font-size-default, 14px);
  // 内容字体色
  --tv-DialogBox-body-text-color: var(--tv-color-text-secondary, #595959);
  // 右侧弹窗内容字体色
  --tv-DialogBox-drawer-body-color: var(--tv-color-text, #191919);

  // 抽屉最小宽度
  --tv-DialogBox-drawer-min-width: 500px;
  // 抽屉最大宽度
  --tv-DialogBox-drawer-max-width: 1000px;
  // 抽屉内容与底部边框颜色
  --tv-DialogBox-drawer-divider-border-color: var(--tv-color-border-divider, #f0f0f0);
  // 缩放按钮
  --tv-DialogBox-resize-icon-color: var(--tv-color-icon, #808080);
  // 缩放按钮悬浮状态
  --tv-DialogBox-resize-icon-color-hover: var(--tv-color-icon-hover, #191919);
  // 缩放按钮大小
  --tv-DialogBox-resize-icon-size: var(--tv-icon-size, 16px);
  // 弹窗容器与上下内容间距
  --tv-DialogBox-vertical-padding: var(--tv-space-xs, 2px);
}
